<input type="hidden" id="node-input-version" />

<div class="form-row">
    <label for="node-input-name" data-i18n="ha-device.label.name"></label>
    <input type="text" id="node-input-name" />
</div>

<div class="form-row">
    <label for="node-input-server" data-i18n="ha-device.label.server"></label>
    <input type="text" id="node-input-server" />
</div>

<div class="form-row">
    <label for="node-input-deviceType">
        <span data-i18n="ha-device.label.type"></span>
    </label>
    <select id="node-input-deviceType" style="width: 70%">
        <option value="trigger" data-i18n="ha-device.label.trigger"></option>
        <option value="action" data-i18n="ha-device.label.action"></option>
    </select>
</div>

<div class="form-row">
    <label for="node-input-device" data-i18n="ha-device.label.device"></label>
    <div id="ha-device"></div>
</div>

<div class="form-row">
    <label
        for="event"
        data-i18n="ha-device.label.trigger"
        style="text-transform: capitalize"
    ></label>
    <select id="event" style="width: 70%" disabled></select>
</div>

<div class="form-row"><ol id="custom-outputs"></ol></div>

<div class="form-row" id="exposed-as-row">
    <label
        for="node-input-exposeAsEntityConfig"
        data-i18n="ha-tag.label.expose_as"
    ></label>
    <input type="text" id="node-input-exposeAsEntityConfig" />
</div>
